<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator"
	prefix="decorator"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<sj:head jqueryui="true" jquerytheme="ui-lightness" />
<decorator:head></decorator:head>
<style media="screen" type="text/css">
/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
}

/*
 * Global add-ons
 */
.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
	display: none;
}

@media ( min-width : 768px) {
	.sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 1000;
		display: block;
		padding: 70px 20px 20px;
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
}

/* Sidebar navigation */
.nav-sidebar {
	margin-left: -20px;
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
}

.nav-sidebar>li>a {
	padding-left: 20px;
	padding-right: 20px;
}

.nav-sidebar>.active>a {
	color: #fff;
	background-color: #428bca;
}

/*
 * Main content
 */
.main {
	padding: 20px;
}

@media ( min-width : 768px) {
	.main {
		padding-left: 40px;
		padding-right: 40px;
	}
}

.main .page-header {
	margin-top: 0;
}

/*
 * Placeholder dashboard ideas
 */
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	border-radius: 50%;
}
</style>
<title><decorator:title></decorator:title></title>
<link type="text/css" rel="stylesheet"
	href="${pageContext.request.contextPath }/styles/css/bootstrap.css" />
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">SINVENCOM</a>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div class="col-sm-3 col-md-3 well sidebar" align="center">
				<ul class="nav nav-sidebar">
					<li><a href="${pageContext.request.contextPath}/aplicacion/gestionar-aplicacion">Aplicaciones de Software</a></li>
					<li><a href="${pageContext.request.contextPath}/equipo/gestionar-equipo">Equipo</a></li>
					<li><a href="${pageContext.request.contextPath}/hardware/gestionar-hardware">Hardware</a></li>
					<li><a href="${pageContext.request.contextPath}/documento/gestionar-documentos">Documentos</a></li>
				</ul>
			</div>
			<div class="col-md-9 main">
				<decorator:body></decorator:body>
			</div>
		</div>

	</div>

</body>
</html>